$mianW:1200px;
$c33:#333333;
$activeC:#31c27c;
$fontcff:#ffffff;
$no3:oringe;
$liPLR:17px;
$liH:38px;
$btnB:1px solid #c9c9c9;

.ContentIsNone{
	display: none;
}
.ContentIsBlock{
	display:block;
}
ul{
	list-style: none;
}
.header{
	width: 100%;
	height: 142px;
	.headerContent{
		width: $mianW;
		height: 90px;
		margin: 0 auto;
		border-bottom: 1px solid #f2f2f2;
		.logoImg{
			float: left;
			margin-top: 19px;
		}
		.headNav{
			float: left;
			margin-left: 35px;
			margin-right: 30px;
			height: 90px;
			li{
				float: left;
				height: 100%;
				padding:0 20px 0 20px;
				line-height: 90px;
				font-size: 18px;
				a{
					display: inline-block;
					width: 100%;
					height: 100%;
					color: $c33;
					&:hover{
						color:$activeC;
					};
				}
			}
			.NavActive{
				background: $activeC;
				a{
					color: $fontcff;
					&:hover{
						color:$fontcff;
					};
				}
			}
		}
		.searchBox{
			width: 248px;
			padding-top: 26px;
			float: left;
			position: relative;
			.search{
				padding-left: 15px;
				border: $btnB;
				width: 233px;
				height: 36px;
				border-radius: 2px;
				
			}
			ul{
				width: 233px;
				font-size: 14px;
				position: absolute;
				top: 68px;
				left: 0px;
				line-height: 20px;
				background: white;
				color: #333;
				z-index: 10;
				li{
					padding: 10px;
				}
				
				span{
					padding: 5px;
				}
			}
		}
		.btnLogin{
			float: right;
			height: 90px;
			padding-top: 24px;
			a{
				text-align: center;
				line-height: 38px;
				display: inline-block;
				height: 38px;
				margin-left: 10px;
			}
			.login{
				margin-right: 10px;
				width: 32px;
				color: $c33;
				&:hover{
					color:$activeC;
				};
			}
			.lvzuan{
				display: inline-block;
				width: 115px;
				height: 38px;
				border-radius: 2px;
				background: $activeC;
				font-size: 14px;
				color: $fontcff;
				&:hover{
					background:#37ad74;
				};
			}
			.fufeibao{
				width: 88px;
				border:$btnB;
				border-radius: 2px;
				font-size: 14px;
				&:hover{
					background:#eee;
				};
			}
		}
	}
	.mainNav{
		margin: 0 auto;
		width: $mianW;
		height: 51px;
		.mainNavs{
			padding-left: 256px;
			height: 100%;
			width: 944px;
			li{
				height: 100%;
				line-height:51px;
				float: left;
				margin-right: 56px;
				span{
					&:hover{
						color: $activeC;
					};
				}
			}
		}
	}

}
#footer {
	background: #333;
	color: #999; }
#footer a {
	color: #999; }
#footer a:hover {
	color: #31c27c; }
#footer .footer_t {
	overflow: hidden;
	border-bottom: 1px solid #353535;
	position: relative;
	padding-bottom: 45px; }
#footer .footer_t .footer_download {
	position: absolute;
	top: 0;
	left: 10px; }
#footer .footer_t .footer_project {
	position: absolute;
	top: 0;
	left: 476px;
	width: 304px; }
#footer .footer_t .footer_link {
	float: right;
	width: 300px;
	padding-bottom: 57px; }
#footer .footer_tit {
	font-size: 15px;
	font-weight: 400;
	padding: 80px 0 46px;
	line-height: 22.5px; }
#footer .footer_list_item {
	margin-left: -29px; }
#footer .footer_list_item.footer_product_list {
	margin-left: -25px; }
#footer .footer_list_item.footer_link_list {
	margin-left: 0; }
#footer .footer_list_item li {
	font-size: 14px;
	text-align: center;
	float: left; }
#footer .footer_list_item li a i {
	display: block;
	background: url("../images/footer.png");
	height: 48px;
	margin: 0 29px 12px; }
#footer .footer_list_item li a i.icon_pc {
	width: 37px;
	background-position: -2px 0px; }
#footer .footer_list_item li a i.icon_mac {
	width: 46px;
	background-position: -92px 0px; }
#footer .footer_list_item li a i.icon_android {
	width: 37px;
	background-position: -190px 0px; }
#footer .footer_list_item li a i.icon_iphone {
	width: 34px;
	background-position: -279px 0px; }
#footer .footer_list_item li a i.icon_kg {
	width: 41px;
	background-position: -370px 0px; }
#footer .footer_list_item li a i.icon_ss {
	width: 37px;
	background-position: -463px 0px; }
#footer .footer_list_item li a i.icon_qp {
	width: 40px;
	background-position: -563px 0px; }
#footer .footer_list_item li a:hover i {
	background-position-y: -49px; }
#footer .footer_list_item li.footer_link_list_item {
	min-width: 100px;
	margin-bottom: 12px;
	text-align: left; }
#footer .footer_list_item li.footer_project_list_item {
	margin-bottom: 18px;
	text-indent: 25px;
	margin-right: 5px; }
#footer .footer_list_item li.footer_project_p {
	margin-right: 0;
	text-indent: 0; }
#footer .footer_b {
	text-align: center;
	padding: 24px 0; }
#footer .footer_b p {
	color: #999;
	line-height: 28px;
	font-size: 12px; }

.base{width:1200px;margin:0 auto;}
.l{float:left;}
.r{float:right;}
.cu{cursor:pointer;}
.clear{zoom:1;}
.clear:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.valign:after{content:"";vertical-align:middle;display:inline-block;height:100%;width:0;}
.ic_1{position:relative;top:-1px;}
.ic_2{position:relative;top:-2px;}
.ind2{text-indent:2em;} 